<template>
  <NuxtPage />
</template>

<!-- 
  useState介绍
    在vue生态中，我们通常使用vuex或是pinia来实现状态管理，而在Nuxt3中，为我们提供了更加简洁易用的useState组合的Api

    useState的用法与vue3中的ref非常相似，而且它时SSR友好的。
    通过useState存储的状态能在server和client之间共享。

  useCookie
    useCookie时Nuxt3框架中的一个组合式API，用于在客户端和服务端都能够访问的情况下，使用useCookie保存和读取数据。

    useCookie是基于开源cookie包（https://github.com/jshttp/cookie）封装，因此useCookie的大部分参数与cookie包
    是保持一致的。我们可以使用useCookie设置，获取和删除Cookie，以及检测Cookie是否存在

    使用useCookie可以实现一些常见的功能，例如：
      1. 存储用户信息，将用户登录信息保存在Cookie中，以便在下次访问时自动登录

      2. 存储用户偏好设置：例如, 将网站的语言设置保存在Cookie中，以便在下次访问时保持相同的语言设置

      3. 存储用户购物车信息：将用户的购物车信息保存在Cookie中，以便在下次访问时自动恢复购物车中的商品

  Nuxt3中的API数据获取
    Nuxt3提供了useFetch，useLazyFetch, useAsyncData和useLazyAsyncData四个组合式API以及一个全局辅助函数$fetch来处理
      应用程序中数据获取

    useFetch和useLazyFetch
      useFetch是基于useAsyncData和$fetch封装的
      useFetch将lazy参数设置为true时，就能实现useLazyFetch

    useAsyncData和useLazyAsyncData
      useAsyncData将lazy参数设置为true时，就能实现useLazyAsyncData

    结论：useFetch可以实现其他三个API的全部功能，实际开发中我们只需要使用useFetch一个API
-->
